// Custom Theming for NG-ZORRO
// For more information: https://ng.ant.design/docs/customize-theme/en
@import "../node_modules/ng-zorro-antd/ng-zorro-antd.less";
@import '~quill/dist/quill.core.css';
@import '~quill/dist/quill.bubble.css';
@import 'assets/css/quill.snow.css';

// Override less variables to here
// View all variables: https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/components/style/themes/default.less

// @primary-color: #1890ff;
/* You can add global styles to this file, and also import other style files */

//布局
.wrap {
  background: #fff;
  padding: 24px;
}

.flex {
  display: flex;
}

.space-around{
  justify-content: space-around;
}

.space-between{
  justify-content: space-between;
}

.flex-content{
  display: flex;
  justify-content: center;
}

align-items-center {
  align-items: center;
}

.wrap-mobile {
  background: #fff;
  padding: 16px;
}

//强制所有th标题不换行
th {
  white-space: nowrap;
}


/*共用样式*/
.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}


.margin-10 {
  margin: 10px;
}

.margin-20 {
  margin: 20px;
}

.margin-30 {
  margin: 30px;
}

.margin-bottom {
  margin-bottom: 10px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-bottom-30 {
  margin-bottom: 30px;
}

.margin-top {
  margin-top: 10px;
}

.margin-top-20 {
  margin-top: 20px;
}

.margin-top-30 {
  margin-top: 30px;
}

.margin-right {
  margin-right: 10px;
}

.margin-right-20 {
  margin-right: 20px;
}

.margin-right-30 {
  margin-right: 30px;
}

.margin-left {
  margin-left: 10px;
}

.margin-left-20 {
  margin-left: 20px;
}

.margin-left-30 {
  margin-left: 30px;
}




.padding-10 {
  padding: 10px;
}

.padding-20 {
  padding: 20px;
}

.padding-30 {
  padding: 30px;
}

.padding-bottom {
  padding-bottom: 10px;
}

.padding-bottom-20 {
  padding-bottom: 20px;
}

.padding-bottom-30 {
  padding-bottom: 30px;
}

.padding-top {
  padding-top: 10px;
}

.padding-top-20 {
  padding-top: 20px;
}

.padding-top-30 {
  padding-top: 30px;
}

.padding-right {
  padding-right: 10px;
}

.padding-right-20 {
  padding-right: 20px;
}

.padding-right-30 {
  padding-right: 30px;
}

.padding-left {
  padding-left: 10px;
}

.padding-left-20 {
  padding-left: 20px;
}

.padding-left-30 {
  padding-left: 30px;
}



.text-color-black{color: #000}
.text-color{color: #333}
.text-color-inverse{color: #fff}
.text-color-grey{color: #999}
.text-color-placeholder{color: #808080}
.text-color-disable{color: #c0c0c0}
.text-color-deep-grey{color: #8799a3}

.bg-white {
  background-color: white;
}


//肉容页头部搜索和工具栏
// --开始---
.toolbar {
  display: flex;
  flex-wrap: wrap;

  .search-area {
    text-align: right;
    padding-bottom: 24px;

    [nz-button] {
      margin-right: 12px;
    }
  }

  .ant-input {
    width: 100%;
  }

  .exact_time {
    padding: 10px;
    border: 1px solid #eeeeee;
  }

}

.wrap {
  padding-bottom: 0px;
}

.wrap-mobile {
  padding-bottom: 0px;
}


.btn-and-search {
  justify-content: space-between;

  .item {
    padding-bottom: 24px;
  }

  .item-mobile {
    padding-bottom: 16px;
  }
}

//内容页头部搜索和工具栏
// --结束---

.deviceEditForm .ant-input-number-lg {
  width: 300px;
}

.statis {
  background: #e6f7ff;
  border: 1px solid #91d5ff;
  margin-bottom: 12px;
  padding: 6px 6px 6px 12px;
  border-radius: 6px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline;

  .item {
    margin-right: 20px;

    .text-red {
      color: red;
    }
  }
}

.statis_table {
  .ant-pagination-total-text {

    position: relative;
    float: left;
    width: 100%;

    .statis_1 {
      background: #f9f0ff;
      border: 1px solid #d3adf7;
      color: #531dab;
      padding: 0px 6px 0px 12px;
      border-radius: 6px;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: baseline;

      .item {
        margin-right: 20px;

        .text-red {
          color: red;
        }
      }
    }
  }
}

.text-red{
  color: red;
}
.text-blue{
  color: #1E90FF;
}
.text-olive{
  color: #8dc63f;
}
.text-pink{
  color: #e03997;
}
.text-warning{
  color: #ffb300;
}


.text-bold{
  font-weight: bold;
}

.font-size-20{
  font-size: 20px;
}

.font-size-24{
  font-size: 24px;
}

.font-size-28{
  font-size: 28px;
}

.font-size-32{
  font-size: 32px;
}

.hand-shape{
  cursor: pointer;
}

//自定义主题
//紫色主题
//@import "assets/theme/purple.less";

//绿色主题
//@import "assets/theme/green.less";

//蓝色主题
@import "assets/theme/blue.less";

